<%--
  Created by IntelliJ IDEA.
  User: ASUS
  Date: 2021/4/22
  Time: 15:03
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix = "c" %>

<html>
<head>
    <title>导航</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="../css/topic.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="news">
    <%--    导航条    --%>
    <div id="top">
        <ul class="nav nav-tabs">
            <c:forEach var="topicEntiy" items="${topicEntiys}">
                <li role="presentation" <%--class="active"--%>><a @click="setNewsEntiys(${topicEntiy.tid})">${topicEntiy.tname}</a></li>
            </c:forEach>
        </ul>
    </div>
</div>
    <%--    内容    --%>
<div id="topic">
            <div v-for="newsEntiy in newsEntiys">
                <div id = "imgDiv"><a ><img src="https://p2.img.cctvpic.com/photoworkspace/2021/04/23/2021042300215178610.jpg">{{newsEntiy.npicpath}}</a></div>
                <div id="textDiv">
                    <p class = "textDivOne"><a :href="hrefData(newsEntiy.nid)">{{newsEntiy.ntitle}}</a></p>
                    <p class = "textDivTwo">{{newsEntiy.nsummary}}</p>
                    <div>
                        <p>{{newsEntiy.ncreateDate}}</p>
                        <p>{{newsEntiy.nauthor}}</p>
                    </div>
                </div>
            </div>
</div>
    <%--       --%>
    <script src="https://cdn.staticfile.org/axios/0.18.0/axios.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="../js/topic.js"></script>
</body>
</html>
